<extend name="Index:base" />
<block name="title"><title>心心向善-OTO</title></block>
 <block name="body">
		
		
		<div class="nch-breadcrumb-layout">
    		<div class="nch-breadcrumb wrapper">
    			<i class="icon-home"></i>
            	<span><a href="index.php">首页</a></span>
            	<span class="arrow">&gt;</span>
                <span>店铺</span>
          	</div>
  		</div>
	
		<link href="__PUBLIC__/Home/css/store_list.css" rel="stylesheet" type="text/css">
		<link href="__PUBLIC__/Home/css/skin.css" rel="stylesheet" type="text/css">
	
	
	
			<style type="text/css">
			.sticky #main-nav {
				width: 1198px;
			}
			/*.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal { margin-top: -60px;}*/
			
			.jcarousel-skin-tango .jcarousel-clip-horizontal {
				width: 1000px !important;
				height: 225px !important;
			}
			
			.jcarousel-skin-tango .jcarousel-item {
				height: 225px !important;
			}
			
			.jcarousel-skin-tango .jcarousel-container-horizontal {
				width: 1000px !important;
			}
		</style>

		<script type="text/javascript" src="__PUBLIC__/Home/js/Jquery.Query.js" charset="utf-8"></script>
		<script type="text/javascript">
			//<!CDATA[
			/* 替换参数 */
			function ss_replaceParam(key, value) {
				location.assign($.query.set('key', key).set('order', value));
			}

			/* 替换参数 */
			function ss_dropParam(key1, key2) {
				location.assign($.query.REMOVE(key1).REMOVE(key2));
			}

			/* 替换参数 */
			function ss_dropParam2(key1) {
				location.assign($.query.REMOVE(key1));
			}

			/* 替换参数 */
			function ss_replaceParam2(key, value) {
				location.assign($.query.set(key, value, value));
			}

			$(function() {
				var order = '';
				var arrow = '';
				var class_val = 'sort_desc';

				switch(order) {
					case 'store_credit desc':
						order = 'store_credit asc';
						class_val = 'sort_desc';
						break;
					case 'store_credit asc':
						order = 'store_credit desc';
						class_val = 'sort_asc';
						break;
					default:
						order = 'store_credit asc';
				}
				$('#credit_grade').addClass(class_val);
				$('#credit_grade').click(function() {
					query('order', order);
					return false;
				});
			});

			function query(name, value) {
				$("input[name='" + name + "']").val(value);
				$('#searchStore').submit();
			}

			//]]>
		</script>
		
		
		
		<div class="content">
			<div class="nc-store-class">
				<dl>
					<dt>店铺类目：</dt>
					<dd>
						<a href="/shop/store_list.html">全部</a>
						<foreach name="sc_list" item="vo">
						<a href="/shop/store_list.html?select=sc_class&keyword={$vo.sc_name}" >{$vo.sc_name}</a>
						</foreach>

					</dd>
				</dl>
			</div>

			<div class="sort-bar">
				<div class="shop_con_list" id="main-nav-holder">
					<nav class="nc-gl-sort-bar" id="main-nav">
						<form id="store_list" method="get" action="#">
							<input type="hidden" name="select" value="store_list">
							<div class="sort-bar">
								<!-- 排序方式S -->
								<ul class="array">
									<!-- 默认 -->
									<li class="selected">
										<a href="javascript:void(0)" >默认</a>
									</li>
									<!-- 销量 -->
									<li>
										<a href="javascript:void(0)" title="点击按销量从高到低排序">销量</a>
									</li>
									<!-- 信用 -->
									<li>
										<a href="javascript:void(0)" title="点击按信用从高到低排序">信用</a>
									</li>
								</ul>
								<!-- 排序方式E -->
								<div class="sidebox">
									<h5 class="title">店铺名称：</h5>
									<div class="selectbox">
										<input class="text" type="text" name="keyword" value="" style=" width:150px;">
									</div>
								</div>
								<div class="sidebox">
									<h5><label for="area_info">店铺所在地：</label></h5>
									<div class="selectbox">
										<select name="area_info" style="height: 23px;">
											<option value="">-请选择-</option>
											<foreach name="code" item="vo">
											<option value="{$vo.area_name}">{$vo.area_name}</option>
											</foreach>
										</select>
									</div>
								</div>
								<div class="sidebox width5" style=" background-image: none">
									<div class="selectbox">
										<input class="btn" type="submit" value="搜索" style="background:none; background-color:#48CFAE;">
									</div>
								</div>
							</div>
						</form>
					</nav>
				</div>
			</div>
			<ul class="nc-store-list">
			
				<foreach name="store_list" item="vo">
				<li class="item">
					<dl class="shop-info">
						<dt class="shop-name"><a href="/shop/show_store.html?stid={$vo.store_id}">{$vo.store_name}</a></dt>
						<dd class="shop-pic">
							<a href="/shop/show_store.html?stid={$vo.store_id}" title="" ><span class="size72">
								<if condition="$vo.store_avatar neq ''"><img src="{$vo.store_avatar}" rel="lazy" data-url="" alt="ceshi" title="ceshi" class="size72" style="display: inline;">
								<else/>
								<img src="__PUBLIC__/Home/images/store_ssa.png" rel="lazy" data-url="" alt="ceshi" title="ceshi" class="size72" style="display: inline;">
								</if>
								</span></a>
						</dd>
						<dd class="main-runs" title="">主营商品：
							{$vo.store_zy}
						</dd>
						<dd class="shopkeeper">店主：{$vo.seller_name}
							<a target="_blank" class="message" href="#"></a><span>
                </span></dd>
					</dl>
					<dl class="w200">
						<dd>商品数量{$vo.goods_count}件</dd>
						<dd>最近成交1笔</dd>
						<dd class="more-on" attr="morep" nc_type="0"><span>收起相关商品</span><i></i></dd>
					</dl>
					<dl class="w150">
						<!-- 店铺信用度 -->
						<dd> 信用度： <span class="seller-heart level-5"></span>
						</dd>
						<!-- 店铺好评率 -->
						<dd>

							好评率：100%
						</dd>
						<!-- 店铺动态评分 -->
						<dd class="shop-rate" nc_type="shop-rate" store_id="1">店铺动态评分：<span><i></i></span>
							<div class="shop-rate-con">
								<div class="arrow"></div>
								<dl class="rate">
									<dt>描述相符：</dt>
									<dd class="rate-star"><em><i style=" width: 100%;"></i></em><span>5分</span></dd>
									<dt>服务态度：</dt>
									<dd class="rate-star"><em><i style=" width: 100%;"></i></em><span>5分</span></dd>
									<dt>发货速度：</dt>
									<dd class="rate-star"><em><i style=" width: 100%;"></i></em><span>5分</span></dd>
								</dl>
							</div>
						</dd>
					</dl>
					<dl class="w120">
						<dd class="tr"></dd>
					</dl>
					<if condition="$vo.goods_list neq ''">
					<div class="nc-shop-goodslist" nc_type="goods_0">
						<div class="arrow"></div>
						<div class=" jcarousel-skin-tango">
							<div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
								<div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
									<ul class="jcarousel-list jcarousel-list-horizontal" nc_type="jcarousel" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 2000px;">
									<foreach name="vo['goods_list']" item="gd">
										<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1" style="float: left; list-style: none; width: 240px;">
											<dl>
												<dt class="goods-pic">
													<span class="thumb size160"> <i></i> 
														<a href="/shop/goods.html?gid={$gd.id}" > <img alt="" src="{$gd.pic}" width="160" height="160"></a></span></dt>
												<dd class="goods-name">
													<a href="/shop/goods.html?gid={$gd.id}" title="{$gd.productname}" >{$gd.productname}</a>
												</dd>
												<dd class="goods-price"><em> 
											<if condition="$gd.price gt 0">
											{$gd.price}
											<else/>
												<if condition="$gd.point_num gt 0">
												{$gd.point_num}&nbsp;积分
												</if>
											</if>
											
											<if condition="$gd.coin_num gt 0">
											{$gd.coin_num}&nbsp;币
											</if>
												
												</em></dd>
												<dd class="goods-sales">最近成交13笔</dd>
											</dl>
										</li>
										</foreach>
									</ul>
								</div>
								<div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" disabled="disabled" style="display: block;"></div>
								<div class="jcarousel-next jcarousel-next-horizontal" style="display: block;"></div>
							</div>
						</div>
					</div>
					</if>
				</li>
				</foreach>
			</ul>
			<div class="pagination">
				<ul id="pagination">
					{$page}
				</ul>
			</div>
		</div>
		
		
		<script type="text/javascript" src="__PUBLIC__/Home/js/waypoints.js"></script>
		<script type="text/javascript" src="__PUBLIC__/Home/js/jquery.jcarousel.min.js"></script>

		<script type="text/javascript">
			$(function() {
				//图片轮换
				$('[nc_type="jcarousel"]').jcarousel({
					visible: 4
				});
				$('[attr="morep"]').click(function() {
					var id = $(this).attr('nc_type');
					if($(this).attr('class') == 'more-off') {
						$(this).addClass('more-on').removeClass('more-off').html('收起相关商品<i></i>');
						$('div[nc_type="goods_' + id + '"]').show();
					} else {
						$(this).addClass('more-off').removeClass('more-on').html('展开相关商品<i></i>');
						$('div[nc_type="goods_' + id + '"]').hide();
					}
				});

			});
		</script>
		
		
	

		<div class="footer-line"></div>
		
		<!--StandardLayout Begin-->
		<div id="nav_box" style="display: none;">
			<ul>
				<li class="nav_h_1 hover">
					<a href="javascript:;" class="num">1F</a> 
					<a href="javascript:;" class="word">女装</a>
				</li>
				<li class="nav_h_1">
					<a href="javascript:;" class="num">2F</a> 
					<a href="javascript:;" class="word">男装</a>
				</li>
			</ul>
		</div>
		<!--StandardLayout End-->

 </block>	
